<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        table,td{
            border:1px solid #ccc;
        }

        td{
            width:150px;
            height: 30px;
        }
    </style>
</head>
<body>

    <input type="text" id="search"><input value="Go!" type="button" onclick="search()">
    <div id="outer">
<!--        <table>-->
<!--            <tbody id="content">-->
<!--            -->
<!--            </tbody>-->
<!--        </table>-->
    </div>
    <script src="/prj/plugins/jquery/jquery.min.js"></script>
    <script>
        $(function () {
            $("#outer").load('/prj/ajax/load/index.html');
        });
        function test() {
            return $("#search").val();
        }

        function search() {
            $("#outer").load("/prj/ajax/load/index.html");
        }
    </script>
</body>
</html>